<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>collapsable example</title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />

</head>
<body>
   <div class="container-fluid">
		<div class="accordion" id="accordion2">
			<div class="accordion-group">
				<div class="accordion-heading">
					<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
						Мои цели
					</a>
				</div>
				<div id="collapseOne" class="accordion-body collapse">
					<div class="accordion-inner">
						<div id="goal_box">
							<div id="goal_data">
								<div>
									Вызов принят
									<div>10.10.12
									</div>
								</div>
								<div>
									Осталось
									<div>23 дня
									</div>
								</div>
							</div>
							<div id="goal_name">
								<div id="goal name_text">Название цели
								</div>
								<div>Достигнуть любой цели
								</div>
							</div>
							<div id="goal_type">
								<div id="goal_type_text">Категория
								</div>
								<div>Разное
								</div>
							</div>
							<div id="goal_eye">
								<div>
									<i class="icon-eye-open"></i><span class="badge badge-info"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="accordion-group">
				<div class="accordion-heading">
					<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
						Замороженные цели
					</a>
				</div>
				<div id="collapseTwo" class="accordion-body collapse">
					<div class="accordion-inner">
						Здесь должны отображаться замороженные цели
					</div>
				</div>
			</div>
			<div class="accordion-group">
				<div class="accordion-heading">
					<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
						Достигнутые цели
					</a>
				</div>
				<div id="collapseThree" class="accordion-body collapse">
					<div class="accordion-inner">
						<div id="achieved_goal_box">
							<div id="goal_data">
								<div>
									Вызов принят
									<div>10.10.12
									</div>
								</div>
								<div>
									Осталось
									<div>23 дня
									</div>
								</div>
							</div>
							<div id="goal_name">
								<div id="goal name_text">Название цели
								</div>
								<div>Достигнуть любой цели
								</div>
							</div>
							<div id="goal_type">
								<div id="goal_type_text">Категория
								</div>
								<div>Разное
								</div>
							</div>
							<div id="goal_eye">
								<div>
									<i class="icon-eye-open"></i><span class="badge badge-info"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
 <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap-collapse.js"></script>
</body>
</html>
